<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 模块化思想
        //    把一个完整的功能拆分成一个个功能(模块)   

        
        // 实现
        //   把实现多个逻辑的代码写在多个js文件中
        //   每一个js文件  都是一个独立的模块
        //   根据不同的业务逻辑  进行模块整合


        // 语法
        //    每一个js文件都进行导出
        //    在需要的时候进行导入

        //    注意：
        //       1 在页面上引入js文件的时候   必须在script标签上添加  type="module"
        //       2 必须要有服务器的环境  
        //            暂时没有  --- 借用vscode中的live server   ---- vscode模拟的假的服务器环境



        // 导入导出语法
        //    导出方式
        //        1 export default  一个文件只能使用一次  --- 只能导出一个变量
        //        2 export let/const a = 值    可以导出多个


        //    导入方式
        //        1 import 名称(可以修改) from '文件名'   --- 这种导入方式必须根据第一种导出方式相对应
        //        2 import {名称1 , 名称2} from '文件名'  --- 这种导入方式必须根据第二种导出方式相对应
        //        3 import * as 对象名  from '文件名'  --- 这种导入方式必须根据第二种导出方式相对应
        //                      这个对象接受了所有导出的内容

    </script>
    
</body>
</html>